<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="../../static/css/bed/patientDetailInfo.css"> 
<link rel="stylesheet" href="../../static/js/layui-v2.1.7/css/layui.css" media="all">
<script type="text/javascript" src="../../static/js/jquery.min.js"></script>
<script type="text/javascript" src="../../static/js/bed/commonUtil.js"></script>
<script src="../../static/js/echarts.min.js"></script>

</head>
<body>
<div id="container">
	<div class="menu-list">
	          <div class="menu-list-box">
	          	<ul class="menu-list-box-ul">
	                  <li index="0" style="color:rgba(0,51,255,0.8);">病人信息</li>
	                  <hr>
	                  <li index="1">监护详情</li><hr>
	                  <li index="2">数据回顾</li><hr>
	                  <li index="3">报警设置</li><hr>
	                  <li index="4">报警记录</li><hr>
	                  <li index="5">设备信息</li><hr>
	                  <!-- <li index="6">其它</li> -->
	              </ul>
	          </div>
	      </div>
	<div class="page-content">
		<!-- 病人信息 -->
		<div id="patientInfoDiv" class="mainContent" style="display:none">
			<form class="layui-form" onsubmit="return savePatientInfo();" style="margin:auto;width:300px" action="../../patient/update.action"><!-- ../../patient/update.action -->
				<input type="hidden" name="id" required class="layui-input">
				<input type="hidden" name="mac" required class="layui-input">
			  <div class="layui-form-item">
			    <label class="layui-form-label">姓名：</label>
			    <div class="layui-input-block">
			      <input type="text" name="name" required lay-verify="title" autocomplete="off" placeholder="请输入姓名" class="layui-input">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">年龄：</label>
			    <div class="layui-input-block">
			      <input type="text" name="age" lay-verify="title" autocomplete="off" placeholder="请输入年龄" class="layui-input">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">性别：</label>
			    <div class="layui-input-block">
			      <input type="radio" name="sex" value="0" title="男" checked="">
			      <input type="radio" name="sex" value="1" title="女">
			      <!-- <input type="radio" name="sex" value="禁" title="禁用" disabled=""> -->
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">身份证号：</label>
			    <div class="layui-input-block">
			      <input type="text" name="idnumber" required lay-verify="identity" autocomplete="off" placeholder="请输入身份证号" class="layui-input">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">住院号：</label>
			    <div class="layui-input-block">
			      <input type="text" name="admissionNumber" required lay-verify="title" autocomplete="off" placeholder="请输入住院号" class="layui-input">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">病人类型：</label>
			    <div class="layui-input-block">
			      <select name="patientType" required lay-verify="required" lay-filter="patientType">
			        <!-- <option value=""></option> -->
			        <option value="0" selected="">成人</option>
			        <option value="1">幼儿</option>
			        <option value="2">新生儿</option>
			      </select>
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">是否起搏：</label>
			    <div class="layui-input-block">
			      <input type="checkbox" checked="" name="pacing" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <div class="layui-input-block">
			    <!-- lay-submit="" -->
			      <button id="savePatientInfo" lay-submit="" class="layui-btn"  lay-filter="savePatient">确认修改</button>
			    </div>
			  </div>
			 </form>
		</div>
		<!-- 监护详情 -->
		<div id="custodyDetailDiv" class="mainContent" style="display:none">
		</div>
		<!-- 数据回顾 -->
		<div id="viewHistoryDataDiv" class="mainContent" style="display:none;overflow-y:scroll">
			<!-- <div id="byTable"> -->
			<div id="byTable" style="width:593px;display:inline;float:left;height:100%">
				<table class="layui-table" lay-even style="width:590px;height:500px;overflow-y:auto;margin-left:10px;">
			    <colgroup>
			      <col width="100">
			      <col width="50">
			      <col width="50">
			      <col width="50">
			      <col width="50">
			      <col width="50">
			      <col width="50">
			      <col>
			    </colgroup>
			    <thead>
			      <tr>
			        <th style="min-width: 130px;">时间</th>
			        <th>HR/BPM</th>
			        <th>RR</th>
			        <th>SpO2</th>
			        <th>Temp</th>
			        <th>SBP</th>
			        <th>DBP</th>
			        <th>MAP</th>
			      </tr> 
			    </thead>
			    <tbody>
			      <tr>
			        <td>2018-07-28 12:12:12</td>
			        <td>11</td>
			        <td>11</td>
			        <td>11</td>
			        <td>11</td>
			        <td>11</td>
			        <td>11</td>
			        <td>11</td>
			      </tr>
			      
			    </tbody>
			  </table>
			</div>
			<!-- </div> -->
			
			<div id="byChart" style="display:none;float:left;height:100%">
				<div id="chartDiv4HR" ></div>
				<div id="chartDiv4SpO2"></div>
				<div id="chartDiv4RR" ></div>
				<div id="chartDiv4NIBP" ></div>
				<div id="chartDiv4Temp" ></div>
			</div>
			
			<div style="width:260px;display:inline;float:right">
				<div class="layui-inline layui-form layui-form-item ">
			      <label class="layui-form-label">起始时间：</label>
			      <div class="layui-input-inline" style="margin-left:50px">
			        <input style="" lay-verify="date" type="text" class="layui-input" id="startTime" placeholder="yyyy-MM-dd HH:mm:ss">
			      </div>
			      <label class="layui-form-label">结束时间：</label>
			      <div class="layui-input-inline" style="margin-left:50px">
			        <input style="" type="text" class="layui-input" id="endTime" placeholder="yyyy-MM-dd HH:mm:ss">
			      </div>
			    </div>
			    <div class="layui-inline layui-form layui-form-item ">
			    	<label class="layui-form-label">分辨率：</label>
				      <br><br>
				      <div style="margin-left:50px;padding-right: 30px;">
					      <select name="resolution" style="width:180px;height: 30px;" required lay-verify="required" lay-filter="patientType">
					        <option value="1" selected="">1 min</option>
					        <option value="10">10 min</option>
					        <option value="30">30 min</option>
					        <option value="60">1 h</option>
					        <option value="120">2 h</option>
					      </select>
					   </div>
					   <label class="layui-form-label">视图模式：</label>
					   <br><br>
					   <div style="margin-left:50px;padding-right: 30px;">
					      <select name="dataShowType" style="width:180px;height: 30px;" required lay-verify="required" lay-filter="patientType">
					        <option value="0" selected="">统计表</option>
					        <option value="1">折线图</option>
					      </select>
					   </div>
					   
					   <!-- <div class="layui-form-item">
					   <label class="layui-form-label">浏览模式：</label>
					   <br><br>
					   <div style="margin-left:50px;padding-right: 30px;">
					      <select name="scanType" style="width:150px;height: 30px;" required lay-verify="required" lay-filter="patientType">
					        <option value="0" selected="">滑动（鼠标点击拖动）</option>
					        <option value="1">翻页（按钮上下翻页）</option>
					      </select>
					   </div>
					   </div> -->
					   
					   <label class="layui-form-label">打印记录：</label>
					   <div style="margin-left:50px;width:180px;float:left">
					   		<button class="layui-btn layui-btn-primary">打印</button>
					   </div>
					   <label class="layui-form-label">辅助标记：</label>
					   <div style="margin-left:50px;width:180px;float:left">
					   		<div class="layui-input-block11">
					   		<button class="layui-btn layui-btn-primary" style="margin-right:10px">辅助标记</button>
					   		<input type="checkbox" name="like1[write]" lay-skin="primary" title="使能" checked="">
					   		</div>
					   </div>
					   <div style="margin-top:10px;margin-left:50px;width:180px;float:left">
					   		<button id="btnQueryHisData" class="layui-btn layui-btn-primary">查询</button>
					   </div>
			    </div>
			</div>
		</div>
		<!-- 报警设置 -->
		<div id="alarmSettingDiv" class="mainContent layui-form" style="display:none">
			<div class="layui-form-item">
				<label class="layui-form-label" style="width:200px;text-align:left">参数报警设置：</label>
			</div>
			<div>
			<table id="alarmSettings" class="layui-table" style="width:590px;margin-left:10px;">
			    <colgroup>
			      <col width="100">
			      <col width="70">
			      <col width="70">
			      <col width="70">
			      <col width="70">
			      <col>
			    </colgroup>
			    <thead>
			      <tr>
			        <th>参数</th>
			        <th>上限</th>
			        <th>下限</th>
			        <th>优先级</th>
			        <th>使能</th>
			        <th>拴锁</th>
			      </tr> 
			    </thead>
			    <tbody>
			      <tr>
			        <td>HR</td>
			        <td>100</td>
			        <td>40</td>
			        <td>高</td>
			        <td><input type="checkbox" name="lock" value="{{d.id}}" title="锁定" lay-filter="lockDemo" {{ d.id == 10006 ? 'checked' : '' }}></td>
			        <td><input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF"></td>
			      </tr>
			      
			    </tbody>
			  </table>
			</div>
			
			<div class="layui-form-item">
				<!-- <label class="layui-form-label" style="width:200px;text-align:left">报警控制：</label> -->
				<label class="layui-form-label">报警控制：</label>
			</div>
			<div style="margin-left:50px;">
		   		<button class="layui-btn layui-btn-primary">报警关闭</button>
		   		<button class="layui-btn layui-btn-primary">报警暂停</button>
		   		<button class="layui-btn layui-btn-primary">参数复位</button>
		   </div>
		   <br>
		   <div class="layui-form-item">
			    <label class="layui-form-label">窒息时间：</label>
			    <div class="layui-input-block">
			      <input id="zxsj" type="text" name="name" style="width:50px;display:inline" required lay-verify="number" autocomplete="off" placeholder="" class="layui-input">
			      <span style="">s</span>
			    </div>
			</div>
			<!-- <div class="layui-form-item" style="width:200px">
			    <label class="layui-form-label">默认参数：</label>
			    <div class="layui-input-block">
			      <select name="patientType" style="width:200px" required lay-verify="required" lay-filter="patientType">
			        <option value=""></option>
			        <option value="0" selected="">成人</option>
			        <option value="1">幼儿</option>
			        <option value="2">新生儿</option>
			      </select>
			    </div>
			</div> -->
			<div class="layui-form-item">
			    <label class="layui-form-label">报警音量：</label>
			    <div class="layui-input-block">
			      <input id="alarmVolume" type="text" name="name" style="width:50px;display:inline" required lay-verify="number" autocomplete="off" placeholder="" class="layui-input">
			    </div>
			</div>
			<div style="margin-right:50px;float:right">
		   		<button id="saveAlarmSetting" class="layui-btn layui-btn-primary">确认</button>
		   		<button class="layui-btn layui-btn-primary">取消</button>
		   </div>
		</div>
		<!-- 报警记录 -->
		<div id="alarmRecordDiv" class="mainContent" style="display:none">
			<div>
			<table class="layui-table" style="width:590px;margin-left:10px;">
			    <colgroup>
			      <col width="180">
			      <col width="180">
			      <col>
			    </colgroup>
			    <thead>
			      <tr>
			        <th>时间</th>
			        <th>事件类型</th>
			        <th>报警详情</th>
			      </tr> 
			    </thead>
			    <tbody>
			      <tr>
			        <td>2018-07-28 12:12:12</td>
			        <td>**心率过高</td>
			        <td>心率过高报警，当前心率值为120</td>
			      </tr>
			      <tr>
			        <td>2018-07-28 12:12:12</td>
			        <td>**ECG LL脱落</td>
			        <td>ECG LL导联脱落</td>
			      </tr>
			    </tbody>
			  </table>
			</div>
		</div>
		<!-- 设备信息 -->
		<div id="deviceInfoDiv" class="mainContent" style="display:none">
			<div>
			<table class="layui-table" style="width:590px;margin-left:10px;">
			    <colgroup>
			      <col width="170">
			      <col width="80">
			      <col width="120">
			      <col width="160">
			      <col width="60">
			    </colgroup>
			    <thead>
			      <tr>
			        <th>时间</th>
			        <th>设备类型</th>
			        <th>Mac地址</th>
			        <th>设备描述</th>
			        <th>状态</th>
			      </tr> 
			    </thead>
			    <tbody>
			      <tr>
			        <td>2018-07-28 12:12:12</td>
			        <td>血氧</td>
			        <td>00112233445566</td>
			        <td>脉搏血氧监测仪，版本号V1.0</td>
			        <td>连接</td>
			      </tr>
			      <tr>
			        <td>2018-07-28 12:12:12</td>
			        <td>血氧</td>
			        <td>00112233445566</td>
			        <td>脉搏血氧监测仪，版本号V1.0</td>
			        <td>断开</td>
			      </tr>
			      <tr>
			        <td>2018-07-28 12:12:12</td>
			        <td>心电</td>
			        <td>00112233445566</td>
			        <td>心电检测仪，版本号V1.0</td>
			        <td>接入</td>
			      </tr>
			    </tbody>
			  </table>
			</div>
		</div>
		<!-- 其它 -->
		<div id="otherDiv" class="mainContent" style="display:none">
		</div>
	</div>
</div>
	<script type="text/javascript" src="../../static/js/layui-v2.1.7/layui.all.js"></script>
	<script type="text/javascript" src="../../static/js/bed/echartsManage.js"></script>
<script type="text/javascript" src="../../static/js/bed/patientDetailInfo.js"></script>
</body>
</html>